<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="font/Hui-iconfont/iconfont.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<style type="text/css">
			#topbar_xiao {
				min-width: 1200px;
				background-color: #F8F8F8;
				overflow: hidden;
			}
			
			#footer,
			.inner_xiao {
				width: 1200px;
				margin: auto;
				/*overflow: hidden;*/
				line-height: 30px;
			}
			
			.nav .nav-item,
			.topnar-fl {
				color: #646464;
				float: left;
			}
			
			.nav {
				list-style-type: none;
			}
			
			.topbar-fr {
				float: right;
			}
			
			a {
				text-decoration: none;
			}
			
			.nav a {
				margin-right: 25px;
				color: #646464;
			}
			/*top   头部登录*/
			
			.header .logo {
				float: left;
				height: 63px;
				width: 309px;
				background-image: url(img/shouye/logo.png);
			}
			
			.header form {
				float: left;
				text-align: center;
				min-width: 800px;
				margin-top: 14px;
			}
			
			.header form input {
				font-size: 16px;
				text-indent: 5px;
				height: 36px;
				border: 2px solid #CC3333;
				outline: none;
				width: 390px;
			}
			
			.search_xiao {
				color: white;
				position: relative;
				font-size: 26px;
				left: -5px;
				top: 5px;
				line-height: 40px;
				width: 40px;
				display: inline-block;
				background-color: #CC3333;
			}
			
			.search_xiao:hover {
				cursor: pointer;
			}
			
			.header .menu-nav {
				text-align: center;
				border-bottom: 2px solid #CC3333;
				position: relative;
			}
			
			.header .menu-nav a {
				font-size: 20px;
				font-weight: bold;
				color: black;
				line-height: 50px;
				width: 140px;
				display: inline-block;
				border-left: 2px solid transparent;
				border-right: 2px solid transparent;
				border-top: 2px solid transparent;
				border-bottom: 2px solid transparent;
			}
			
			.header .menu-nav a:hover {
				color: #CC3333;
			}
			
			.header .menu-nav .downlist {
				position: absolute;
				background-color: white;
				top: 52px;
				padding: 5px;
				width: 100%;
				border: 1px solid #D2D2D2;
				box-shadow: 0px 1px 2px 0px #E7E1CD;
				border-top: 2px solid #CC3333;
				display: none;
			}
			
			.header .menu-nav a:nth-child(5).hover {
				position: relative;
				background-color: white;
				border-left: 2px solid #CC3333;
				border-right: 2px solid #CC3333;
				border-top: 2px solid #CC3333;
				border-bottom: 2px solid white;
			}
			
			.header .menu-nav a.active {
				color: #CC3333;
			}
			
			.header .menu-nav .downlist_item {
				width: 225px;
				display: inline-block;
				border: 1px dashed #D2D2D2;
			}
			
			.header .menu-nav .downlist_item p {
				cursor: pointer;
			}
			
			.header .menu-nav .downlist_item span {
				color: #646464;
				font-size: 12px;
			}
			
			#footer {
				text-align: center;
				position: relative;
			}
			
			#footer .footerimg {
				min-width: 868px;
				height: 62px;
				background-color: #CC3333;
			}
			
			#footer #bottom_list {
				position: relative;
				overflow: hidden;
			}
			
			#footer .dl {
				width: 300px;
				float: left;
				font-size: 14px;
			}
			
			#footer .dl .dt {
				margin-top: 10px;
				font-weight: bold;
				color: #666666;
			}
			#copywrite,
			#footer .matou-intro a,
			#footer .dl li>a {
				color: #999999;
			}
			
			#footer .matou-intro a:hover,
			#footer .dl li>a:hover {
				color: #1F7DD8;
			}
			
			#footer .matou-intro {
				border-top: 1px solid #DDDDDD;
				border-bottom: 1px solid #DDDDDD;
			}
			
			#footer .matou-intro a {
				display: inline-block;
				margin-left: 10px;
				font-weight: bold;
				font-size: 14px;
			}
			#footer #copywrite a{
				color: #666666;
			}#footer #copywrite a:hover{
				color: red;
			}
			#main_longbo{
				width: 1200px;
				height: 600px;
				border: 1px solid transparent;
				margin: 0 auto;
				font-family: "微软雅黑";
			}
			#daohanglan{
				width: 180px;
				height: 325px;
				/*padding-left: 10px;*/
				/*border: 1px solid;*/
				margin-top: 30px;
				float: left;
				/*margin: 0 auto;*/
			}
			#daohanglan ul li{
				/*border: 1px solid;*/
				height: 31px;
				line-height: 31px;
				font-family: "微软雅黑";
				background-color: #F8F8F8;
			}
			#daohanglan ul li:first-child{
				background-color: #CC3333;
				color: white;
			}
			#daohanglan li img{
				margin-left: 5px;
				margin-right: 5px;
			}
			.fontcolor {
				font-size: 12px;
				padding-left: 20px;
				color: black;
			}
			#daohanglan .fontcolor:hover{
				background-color: #CC3333 !important;
				color: white !important;
			}
			#xinxi_longbo{
				width: 1000px;
				height: 95px;
				/*border: 1px solid;*/
				/*position: absolute;
				left: 255px;
				margin-top: -335px;*/
				float: right;
				margin-top: 30px;
			}
			#xinxi_longbo table{
				width: 1000px;
				height: 60px;
				background-color: #F7F7F7;
			}
			#xinxi_xia{
				height: 35px;
				width: 1000px;
				/*border: 1px solid;*/
				float: left;
				background-color: #F2F2F2;
				/*margin-bottom: 0px;*/
			}
			.xuanze_longbo{
				width: 200px;
				height: 35px;
				/*border: 1px solid;*/
				text-align: center;
				line-height: 35px;
				font: "微软雅黑";
				font-size: 14px;
				float: left;
			}
			.span_longbo{
				height: 20px;
				width: 199px;
				line-height: 20px;
				border-top: 0px;
				border-bottom: 0px;
				border-left: 0px;
				border-right: 1px solid #D8D8D8;
				/*border: 1px solid;*/
				display: inline-block;
				margin-top: 3px;
			}
			.a_longbo{
				font: "微软雅黑";
				font-size: 14px;
				color: #9B9B9B;
			}
			#wodegouwuche{
				width: 740px;
				height: 120px;
				margin-top: 150px;
				margin-left: 200px;
				padding-left: 2px;
				color: #383838;
			}
			.biaoti_longbo{
				height: 20px;
				font-family: "微软雅黑";
				font-size: 14px;
				line-height: 20px;
				border-bottom: 0px;
				border-top: 0px;
				border-right: 0px;
				border-left: 2px solid #CC3333;
			}
			#gouwucheliebiao{
				width: 740px;
				height: 100px;
			}
			#zuo_longbo{
				width: 17px;
				height: 40px;
				/*border: 1px solid;*/
				margin-top: 33px;
				float: left;
				line-height: 40px;
				/*background-color: #F2F2F2;*/
				/*padding-left: 2px;*/
				
				/*margin-left: 2px;*/
			}
			#you_longbo{
				width: 17px;
				height: 40px;
				/*border: 1px solid;*/
				margin-top: 33px;
				float: right;
				line-height: 40px;
				/*background-color: #F2F2F2;*/
				
				/*margin-left: 2px;*/
			}
			#zuo_longbo:hover,
			#you_longbo:hover{
				background-color: #F2F2F2;
			}
			#shangpin{
				margin-left: 50px;
				margin-top: 5px;
			}
			.shangpin_longbo{
				width: 78px;
				height: 88px;
				/*border: 1px solid;*/
				text-align: center;
				float: left;
				margin-left: 10px;
			}
			.shangpin_longbo:hover{
				cursor: pointer;
			}
			.shangpin_longbo img{
				width: 75px;
				height: 75px;
			}
			#cainixihuan{
				width: 740px;
				height: 120px;
				margin-top: 15px;
				margin-left: 200px;
				padding-left: 2px;
				color: #383838;
			}
			#cainixihuanliebiao{
				margin-top: 10px;
			}
			.xihuan_longbo{
				width: 175px;
				height: 250px;
				border: 1px solid #E6E6E6;
				float: left;
				margin-right: 8px;
			}
			.xihuan_longbo img{
				width: 175px;
				height: 176px;
			}
			.xihuan_longbo p{
				font-family: "微软雅黑";
				font-size: 12px;
				margin-left: 10px;
				margin-right: 10px;
				/*white-space: nowrap;*/
			}
			.xihuan_longbo p:nth-child(3){
				margin-top: 10px;
				color: #CC3333;
			}
			/*优惠券*/
			#wodeyouhuiquan{
				height: 120px;
				margin-top: -255px;
				margin-left: 955px;
				padding-left: 2px;
				color: #383838;
			}
			.youhuiquan{
				/*background-image: url(img/imggeren_longbo/null-i-coupons-w6.png);*/
				width: 243px;
				height: 146px;
				background-color: #F7F7F7;
				/*background-repeat: no-repeat;*/
				/*background-size: 245px 146px;*/
			}
			.youhuiquan img{
				margin-top: 20px;
				margin-left: 55px;
			}
			.font_longbo{
				font-family: "微软雅黑";
				font-size: 12px;
				color: #A09D9B;
				text-align: center;
			}
			/*收藏的商品*/
			#shoucangdeshangpin{
				height: 120px;
				margin-top: 70px;
				margin-left: 955px;
				padding-left: 2px;
				color: #383838;
			}
			.huishouye{
				font-family: "微软雅黑";
				font-size: 12px;
				color: #717171;
				/*text-align: center;*/
				margin-left: 80px
			}
		</style>
	</head>

	<body>
		<div id="topbar_xiao" class="f12">
			<div class="inner_xiao">
				<div class="topnar-fl">
					Hi，欢迎来到洋码头！
				</div>
				<ul class="nav topbar-fr">
					<li class="nav-item">
						<a href=""><span class="title">登录</span></a>
					</li>
					<li class="nav-item">
						<a href=""><span class="title">注册</span></a>
					</li>
					<li class="nav-item">
						<a href=""><span class="title">购物车</span></a>
					</li>
					<li class="nav-item">
						<a href=""><span class="title">我的订单</span></a>
					</li>
					<li class="nav-item">
						<a href="" class="downmenu"><span class="title">个人中心</span>
							<!--<i class="arrow-bt"></i>--></a>
					</li>
					<li class="nav-item">
						<a href=""><span class="title">帮助中心</span></a>
					</li>
				</ul>
			</div>
		</div>
		<!--<div class="header global-wrap">
			<div class="inner_xiao">
				<div class="header-search clearfix">
					<h1 class="logo"><a href="index.html" target="_blank" title="首页"></a></h1>
					<form action="">
						<input name="" value="" type="text">
						<span class="search_xiao Hui-iconfont Hui-iconfont-search1"></span>
					</form>
				</div>-->
				<!--<div class="menu-nav">
					<a href="" class="active" id="index-tab" title="首页">首页</a>
					<a href="" class="" title="今日限时抢">今日限时抢</a>
					<a href="" id="ymt-bt" class="" title="靓包">靓包</a>
					<div class="downlist">
						<div class="downlist_item">
							<div>
								<p>
									<a>手提包<i class="Hui-iconfont">&#xe6d7;</i></a>
								</p>
								<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
							</div>
							<img src="img/shouye/CgvUBVhPX-6ADiL7AAKqDYLidwA967_1_1_n_w_l-w370.jpeg" />
						</div>
						<div class="downlist_item">
							<div>
								<p>
									<a>单肩包<i class="Hui-iconfont">&#xe6d7;</i></a>
								</p>
								<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
							</div>
							<img src="img/shouye/CgvUBFhdNqGAUrUKAAU87ZHpHtc916_5_6_n_w_l-w366.jpeg" />
						</div>
						<div class="downlist_item">
							<div>
								<p>
									<a>钱包<i class="Hui-iconfont">&#xe6d7;</i></a>
								</p>
								<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
							</div>
							<img src="img/shouye/CgvUA1gk5PSAahWlAAJYBiy0sPo457_1_1_n_w_l-w300.jpeg" />
						</div>
						<div class="downlist_item">
							<div>
								<p>
									<a>挎包<i class="Hui-iconfont">&#xe6d7;</i></a>
								</p>
								<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
							</div>
							<img src="img/shouye/CgvUA1gxL4-AHVbJAAMhoF1EIoo158_200_209_n_w_l-w303.jpeg" />
						</div>
						<div class="downlist_item">
							<div>
								<p>
									<a>背包<i class="Hui-iconfont">&#xe6d7;</i></a>
								</p>
								<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
							</div>
							<img src="img/shouye/CgvUA1glQ6SAQhXhAAC6h0aSwhI976_116_125_n_w_l-w335.jpeg" />
						</div>
					</div>
					<a href="" id="categoryMenu" title="分类" class="">分类 <i class="Hui-iconfont">&#xe6d5;</i></a>
				</div>
			</div>
		</div>-->

<div id="main_longbo">
	<div id="daohanglan">
		<ul>
			<li><img src="img/imggeren_longbo/0116b34e74c173deabcbdaadf8cafbf4-w20.png"/>个人中心</li>
			<li class="f14"><img src="img/imggeren_longbo/fff5a68f206e5aa183de27757db088ca-w19.png"/>服务查询</li>
			<li class="fontcolor">我的订单</li>
			<li class="fontcolor">我的优惠券</li>
			<li class="f14"><img src="img/imggeren_longbo/ce84787b26b7449fc13303ab9484355f-w22.png"/>账户管理</li>
			<li class="fontcolor">安全中心</li>
			<li class="fontcolor">管理收获地址</li>
			<li class="fontcolor">提现</li>
			<li class="f14"><img src="img/imggeren_longbo/b679e3e68f683007e3f1e17590977f2b-w11.png"/>关注中心</li>
			<li class="fontcolor">我的收藏</li>
		</ul>
	</div>
	<div id="xinxi_longbo">
		<table border="0" cellspacing="" cellpadding="">
			<tr><td rowspan="2" class="w60"><img src="img/imggeren_longbo/default-w42.png" class="w40 ml10"/></td><td class="f14 w100 ml10">longbo_1225</td><td class="f14 pl5 ">粉丝0</td></tr>
			<tr><td class="f14">安全等级 <span style="color: red;">低</span></td><td class="f14 pl10 w50 "><a href="#" style="color: black;">管理</a></td><td class="w210 "><img class="pl10" src="img/imggeren_longbo/944e42827bc08de0bd43c4feb2ba5dee-w21.png"/><img src="img/imggeren_longbo/58090057ab115f03d1a79b155eafb254-w17.png"/><img src="img/imggeren_longbo/58cdde42db639b9435c3fa1ef88dbbda-w23.png"/><span class="f14 pl50"><a href="#" style="color: black;">我的收货地址>></a></span></td><td class="w500 f14"><a href="#" style="color: black;">我的余额></a></td></tr>
		</table>
		<div id="xinxi_xia">
			<div class="xuanze_longbo" >
				<span class="span_longbo"><a href="#" class="a_longbo">全部</a ></span>
			</div>
			<div class="xuanze_longbo" >
				<span class="span_longbo"><a href="#" class="a_longbo">待付款</a></span>
			</div>
			<div class="xuanze_longbo" >
				<span class="span_longbo"><a href="#" class="a_longbo">待接单</a></span>
			</div>
			<div class="xuanze_longbo" >
				<span class="span_longbo"><a href="#" class="a_longbo">待收货</a></span>
			</div>
			<div class="xuanze_longbo" >
				<span><a href="#" class="a_longbo">待评价</a></span>
			</div>
		</div>
	</div>
	<div id="wodegouwuche">
		<div class="biaoti_longbo">
			<img class="pl5" src="img/imggeren_longbo/8b6c5fa6111e92215758f08792dd5b0f-w26.png"/>
			<span class="pl5">我的购物车</span>
		</div>
		<div id="gouwucheliebiao" class="fl">
			<div id="zuo_longbo">
				<span class="pl5">&#139</span>
			</div>
			<div id="shangpin">
				<div class="shangpin_longbo">
						</div>
						<div class="shangpin_longbo">
							
						</div>
						<div class="shangpin_longbo">
							
						</div>
						<div class="shangpin_longbo">
							
						</div>
						<div class="shangpin_longbo">
							
						</div>
						<div class="shangpin_longbo">
							
						</div>
						<div class="shangpin_longbo">
							
						</div>
			</div>
			<div id="you_longbo">
				<span class="pl5">&#155</span>
			</div>
		</div>
	</div>
	<!--猜你喜欢-->
	<div id="cainixihuan">
		<div class="biaoti_longbo">
			<img class="pl5" src="img/imggeren_longbo/465d6cea7159dec521852fed80bc2fdc-w27.png"/>
			<span class="pl5">猜你喜欢</span>
		</div>
		<div id="cainixihuanliebiao">
			<div class="xihuan_longbo">
				<img src="img/imggeren_longbo/CgvUA1ghyhqALMfRAASLkc1uKfM857_1_1_n_w_o-w45.jpeg"/>
				<p>2016阿玛尼小胖丁新款唇柚302/401//402/500/502/501</p>
				<p>&#165 229</p>
			</div>
			<div class="xihuan_longbo">
				<img src="img/imggeren_longbo/CgvUA1ghyhqALMfRAASLkc1uKfM857_1_1_n_w_o-w45.jpeg"/>
				<p>2016阿玛尼小胖丁新款唇柚302/401//402/500/502/501</p>
				<p>&#165 229</p>
			</div>
			<div class="xihuan_longbo">
				<img src="img/imggeren_longbo/CgvUA1ghyhqALMfRAASLkc1uKfM857_1_1_n_w_o-w45.jpeg"/>
				<p>2016阿玛尼小胖丁新款唇柚302/401//402/500/502/501</p>
				<p>&#165 229</p>
			</div>
			<div class="xihuan_longbo">
				<img src="img/imggeren_longbo/CgvUA1ghyhqALMfRAASLkc1uKfM857_1_1_n_w_o-w45.jpeg"/>
				<p>2016阿玛尼小胖丁新款唇柚302/401//402/500/502/501</p>
				<p>&#165 229</p>
			</div>
		</div>
	</div>
	<!--优惠券-->
	<div id="wodeyouhuiquan">
		<div class="biaoti_longbo">
			<img class="pl5" src="img/imggeren_longbo/8b6c5fa6111e92215758f08792dd5b0f-w26.png"/>
			<span class="pl5">我的优惠券</span>
		</div>
		<div class="youhuiquan">
			<img src="img/imggeren_longbo/null-i-coupons-w6.png"/>
			<p class="font_longbo">还没有优惠券可用呢~</p>
		</div>
	</div>
	<!--收藏的商品-->
	<div id="shoucangdeshangpin">
		<div class="biaoti_longbo">
			<img class="pl5" src="img/imggeren_longbo/7cea1a785526020aef6d4521b981d4c2-w31.png"/>
			<span class="pl5">收藏的商品</span>
		</div>
		<div class="youhuiquan">
			<img src="img/imggeren_longbo/null-i-collects-w8.png"/>
			<p class="font_longbo">还没收藏的商品呢，先看看猜你喜欢吧~</p>
			<p><a href="index.html" class="huishouye">回首页逛逛&#155&#155</a></p>
		</div>
	</div>
</div>
		<div id="footer">
			<div class="inner_xiao footerimg" style="padding:10px 0;height:60px">
				<a href="" target="_blank">
					<img src="img/shouye/footer_hengtiao-w400.png">
				</a>
			</div>
			<div class="area">
				<div id="bottom_list" class="bottom_list">
					<ul class="dl">
						<li class="dt">购物指南</li>
						<li>
							<a href="" target="_blank" rel="nofollow">注册与登录</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">账户信息维护</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">购物流程</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">会员体系</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">常见问题</a>
						</li>
					</ul>
					<ul class="dl">
						<li class="dt">订单服务</li>
						<li>
							<a href="" target="_blank" rel="nofollow">订单状态说明</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">自动取消订单</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">上传身份证</a>
						</li>
					</ul>
					<ul class="dl">
						<li class="dt">支付与配送</li>
						<li>
							<a href="" target="_blank" rel="nofollow">支付方式</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">优惠券和红包</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">如何提现</a>
						</li>
						<li>
							<a href="" target="_blank" rel="nofollow">配送方式</a>
						</li>
					</ul>
					<ul class="dl">
						<li class="dt">售后服务</li>
						<li>
							<a href="" target="_blank">消费维权</a>
						</li>
						<li>
							<a href="" target="_blank">纠纷处理规则</a>
						</li>
						<li>
							<a href="" target="_blank">退货规则</a>
						</li>
					</ul>

				</div>
				<div class="matou-intro">
					<a href="" target="_blank" rel="nofollow">关于码头</a>
					<a href="" target="_blank" rel="nofollow">码头招聘</a>
					<a href="" target="_blank" rel="nofollow">网站地图</a>
					<a href="" target="_blank" rel="nofollow">会员体系</a>
					<a href="" target="_blank" rel="nofollow">所有帮助</a>
					<a href="" target="_blank" rel="nofollow">海外招商中心</a>
					<a href="" target="_blank" rel="nofollow">扫货买手规则</a>
					<a class="last" href="" target="_blank" rel="nofollow">卖家常见问题</a>
				</div>
				<div id="copywrite" class="f14">
					© 2009－2018 ymatou.com, All rights reserved 增值电信业务经营许可证：沪B2-20140021
					<font color="white">17 </font>
					<br>
					<a href="" target="_blank">上海洋码头网络技术有限公司 版权所有 备案号（ 沪ICP备11050082号 ）</a>
					<br>上海市灵石路695号3号楼1404室
				</div>
				<div class="friendLinks2">
					<div class="friendLinks" style="float: left;width: 66px;">
						<a class="linkitem icon-gongshang" target="_blank" href="" target="_blank" rel="nofollow"></a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/av-min-2.1.2.js" ></script>
	<script type="text/javascript" src="js/init.js" ></script>
	<script type="text/javascript" src="js/mycenter.js" ></script>
	<script type="text/javascript">
		(function() {
			var $Menu = $("#categoryMenu");
			var $downlist = $(".downlist");
			$Menu.mouseover(function() {
				$downlist.css("display", "block");
				$Menu.children(0).html("&#xe6d6;");
				$Menu.addClass("hover");
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
			$downlist.mouseover(function() {
				$Menu.mouseover();
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
		})();
	</script>

</html>